<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>慕云游</title>
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>
    <script src="js/base.js"></script>
    <!-- 页面头部 -->
    <header>
        <div class="topBar">
            <div class="centerWrap">
                <!-- 头部左侧链接 -->
                <div class="leftLink">
                    <ul>
                        <li>
                            <a href="javascript:;">目的地</a>
                        </li>
                        <li>
                            <a href="javascript:;">锦囊</a>
                        </li>
                        <li class="downMenu">
                            <a href="javascript:;">社区</a>
                            <em><i></i><i></i></em>
                            <div class="menu social">
                                <ul>
                                    <li><a href="javascript:;">旅行论坛</a></li>
                                    <li><a href="javascript:;">旅行专栏</a></li>
                                    <li><a href="javascript:;">旅行问答</a></li>
                                    <li><a href="javascript:;">旅行生活分享平台</a></li>
                                    <li><a href="javascript:;">JNE旅行生活美学</a></li>
                                    <li><a href="javascript:;">Biu伴（原结伴同游）</a></li>
                                    <li><a href="javascript:;">负责任的旅行</a></li>
                                    <li><a href="javascript:;">特别策划</a></li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;">行程助手</a>
                        </li>
                        <li class="downMenu">
                            <a href="javascript:;">商城</a>
                            <em><i></i><i></i></em>
                            <div class="menu mall">
                                <ul>
                                    <li><a href="javascript:;">机酒自由行</a></li>
                                    <li><a href="javascript:;">当地玩乐</a></li>
                                    <li><a href="javascript:;">签证</a></li>
                                    <li><a href="javascript:;">保险</a></li>
                                    <li><a href="javascript:;">租车自驾</a></li>
                                    <li><a href="javascript:;">邮轮</a></li>
                                    <li><a href="javascript:;">河轮</a></li>
                                    <li><a href="javascript:;">私人定制</a></li>
                                    <li><a href="javascript:;">欧洲铁路</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="downMenu">
                            <a href="javascript:;">酒店·名宿</a>
                            <em><i></i><i></i></em>
                            <div class="menu hotel">
                                <ul>
                                    <li><a href="javascript:;">酒店</a></li>
                                    <li><a href="javascript:;">爱彼迎</a></li>
                                    <li><a href="javascript:;">华人旅馆</a></li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;">特价酒店</a>
                        </li>
                    </ul>
                </div>
                <!-- 头部右侧图标链接 -->
                <div class="rightIcon">
                    <span>注册</span>
                    <span>登录</span>
                    <span class="iconfont">&#xe63f;</span>
                    <span class="iconfont">&#xe600;</span>
                    <span class="iconfont">&#xe60f;</span>
                    <span>|</span>
                    <span class="iconfont">&#xe618;</span>
                </div>
            </div>
        </div>
        <!-- 主要导航栏 -->
        <div class="centerBar">
            <nav class="centerWrap">
                <ul>
                    <li class="downMenu">
                        <a href="javascript:;">机酒自由行</a>
                        <em><i></i></em>
                        <div class="menu free">
                            <h3>全部</h3>
                            <a href="#">自由行</a>
                            <a href="#">优惠机票</a>
                            <a href="#">酒店</a>
                            <a href="#">邮轮</a>
                            <a href="#">定制游</a>
                            <a href="#">马尔代夫</a>
                            <a href="#">海岛游</a>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;">优惠机票</a>
                    </li>
                    <li class="downMenu">
                        <a href="javascript:;">跟团游</a>
                        <em><i></i></em>
                        <div class="menu follow">
                            <h3>全部</h3>
                            <a href="#">跟团游</a>
                            <a href="#">半日助游</a>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;">酒店</a>
                    </li>
                    <li class="downMenu">
                        <a href="javascript:;">当地玩乐</a>
                        <em><i></i></em>
                        <div class="menu local">
                            <h3>全部</h3>
                            <a href="#">日游小团</a>
                            <a href="#">深度体验</a>
                            <a href="#">门票票券</a>
                            <a href="#">餐饮美食</a>
                            <a href="#">WIFI电话卡</a>
                            <a href="#">购物</a>
                            <a href="#">交通票券</a>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;">签证</a>
                    </li>
                    <li>
                        <a href="javascript:;">邮轮</a>
                    </li>
                    <li>
                        <a href="javascript:;">河轮</a>
                    </li>
                    <li>
                        <a href="javascript:;">保险</a>
                    </li>
                    <li>
                        <a href="javascript:;">租车自驾</a>
                    </li>
                    <li class="downMenu">
                        <a href="javascript:;">深度旅游</a>
                        <em><i></i></em>
                        <div class="menu deep">
                            <h3>全部</h3>
                            <a href="#">CityWalk</a>
                            <a href="#">特色长线</a>
                            <a href="#">Q-Home</a>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;">私人定制</a>
                    </li>
                </ul>
            </nav>
        </div>
        <!-- logo 和 搜索框 -->
        <div class="bottomBar">
            <div class="centerWrap clearFix">
                <h1>慕云游商城</h1>
                <input type="text">
                <a href="javascript:;" class="iconfont">&#xe618;</a>
            </div>
        </div>
    </header>
    <!-- 轮播图 -->
    <section class="carousel" id="carousel">
        <!-- 背景图片 -->
        <ul id="banner" class="clearFix">
            <li>
                <img src="./images/banner1.jpg" alt="">
            </li>
            <li>
                <img src="./images/banner2.jpg" alt="">
            </li>
            <li>
                <img src="./images/banner3.jpg" alt="">
            </li>
            <li>
                <img src="./images/banner4.jpg" alt="">
            </li>
            <li>
                <img src="./images/banner5.jpg" alt="">
            </li>
        </ul>
        <ul id="cycles">
            <li data-n="0" class="current"></li>
            <li data-n="1"></li>
            <li data-n="2"></li>
            <li data-n="3"></li>
            <li data-n="4"></li>
        </ul>
        <!-- 中间菜单 -->
        <div class="center">
            <!-- 左右箭头 -->
            <a href='javascript:;' class="arrow left" id="leftArrow"></a>
            <a href='javascript:;' class="arrow right" id="rightArrow"></a>
            <!-- 热门地址栏 -->
            <div class="location" id="location">
                <!-- 一级菜单 -->
                <ul class="mainMenu" id="mainMenu">
                    <li data-n="0" class="hot">
                        <span class="littleIcon"></span>
                        <span class="to iconfont">&#xe637;</span>
                        <dl>
                            <dt>热门出发地</dt>
                            <dd>
                                <span>北京</span>
                                <span>上海</span>
                                <span>广深</span>
                                <span>西南</span>
                                <span>国内其他</span>
                            </dd>
                        </dl>
                    </li>
                    <li data-n="1" class="home">
                        <span class="littleIcon"></span>
                        <span class="to iconfont">&#xe637;</span>
                        <dl>
                            <dt>港澳台 国内</dt>
                            <dd>
                                <span>香港</span>
                                <span>澳门</span>
                                <span>台湾</span>
                                <span>国内其他</span>
                            </dd>
                        </dl>
                    </li>
                    <li data-n="2" class="japan">
                        <span class="littleIcon"></span>
                        <span class="to iconfont">&#xe637;</span>
                        <dl>
                            <dt>日本 韩国</dt>
                            <dd>
                                <span>东京</span>
                                <span>大阪</span>
                                <span>冲绳</span>
                                <span>北海道</span>
                                <span>福冈</span>
                            </dd>
                        </dl>
                    </li>
                    <li data-n="3" class="home asia">
                        <span class="littleIcon"></span>
                        <span class="to iconfont">&#xe637;</span>
                        <dl>
                            <dt>东南亚 南亚</dt>
                            <dd>
                                <span>泰国</span>
                                <span>新加坡</span>
                                <span>马来西亚</span>
                                <span>马尔代夫</span>
                            </dd>
                        </dl>
                    </li>
                    <li data-n="4" class="europe">
                        <span class="littleIcon"></span>
                        <span class="to iconfont">&#xe637;</span>
                        <dl>
                            <dt>欧洲 美洲</dt>
                            <dd>
                                <span>英国</span>
                                <span>法国</span>
                                <span>美国</span>
                                <span>加拿大</span>
                            </dd>
                        </dl>
                    </li>
                    <li data-n="5" class="australia">
                        <span class="littleIcon"></span>
                        <span class="to iconfont">&#xe637;</span>
                        <dl>
                            <dt>澳新 中东非</dt>
                            <dd>
                                <span>澳大利亚</span>
                                <span>新西兰</span>
                                <span>迪拜</span>
                            </dd>
                        </dl>
                    </li>
                </ul>
                <!-- 二级菜单 -->
                <div data-n="0" class="secondary">
                    <ul>
                        <li>
                            <h3>港澳台</h3>
                            <a href="#">香港</a>
                            <a href="#">澳门</a>
                            <a href="#">台北</a>
                            <a href="#">高雄</a>
                            <a href="#">香港迪士尼</a>
                            <a href="#">香港海洋公园</a>
                            <a href="#">交通接驳</a>
                            <a href="#">澳门</a>
                            <a href="#">塔新濠天地水舞间</a>
                            <a href="#">澳门豪华自助</a>
                            <a href="#">台湾101</a>
                            <a href="#">台湾美食</a>
                        </li>
                        <li>
                            <h3>国内热门城市</h3>
                            <a href="#">三亚</a>
                            <a href="#">东北雪乡</a>
                            <a href="#">大理</a>
                            <a href="#">丽江</a>
                            <a href="#">昆明</a>
                            <a href="#">西双版纳</a>
                            <a href="#">拉萨</a>
                            <a href="#">成都</a>
                            <a href="#">重庆</a>
                            <a href="#">长白山</a>
                            <a href="#">厦门</a>
                            <a href="#">长沙</a>
                            <a href="#">桂林</a>
                            <a href="#">北京</a>
                            <a href="#">西安</a>
                            <a href="#">敦煌</a>
                            <a href="#">杭州</a>
                            <a href="#">上海</a>
                            <a href="#">无锡</a>
                            <a href="#">南京</a>
                            <a href="#">广州</a>
                            <a href="#">黄山</a>
                            <a href="#">莫干山</a>
                            <a href="#">新疆</a>
                            <a href="#">北海</a>
                            <a href="#">九华山</a>
                            <a href="#">太原</a>
                            <a href="#">张家口</a>
                        </li>
                        <li>
                            <h3>国内热门景点</h3>
                            <a href="#">北京故宫</a>
                            <a href="#">东北滑雪</a>
                            <a href="#">恭王府</a>
                            <a href="#">长城</a>
                            <a href="#">青城山大熊猫基地</a>
                            <a href="#">峨眉山</a>
                            <a href="#">都江堰</a>
                            <a href="#">长恨歌表演</a>
                            <a href="#">兵马俑</a>
                            <a href="#">大唐芙蓉园</a>
                            <a href="#">三亚日游</a>
                            <a href="#">厦门鼓浪屿</a>
                            <a href="#">千岛湖</a>
                            <a href="#">呼伦贝尔草原</a>
                            <a href="#">希拉穆仁草原</a>
                            <a href="#">大理日游</a>
                            <a href="#">杭州</a>
                            <a href="#">重庆两江夜游船票</a>
                        </li>
                    </ul>
                </div>
                <div data-n="1" class="secondary">
                    <ul>
                        <li>
                            <h3>港澳台</h3>
                            <a href="#">香港</a>
                            <a href="#">澳门</a>
                            <a href="#">台北</a>
                            <a href="#">高雄</a>
                            <a href="#">香港迪士尼</a>
                            <a href="#">香港海洋公园</a>
                            <a href="#">交通接驳</a>
                            <a href="#">澳门塔</a>
                            <a href="#">塔新濠天地水舞间</a>
                            <a href="#">澳门豪华自助</a>
                            <a href="#">台湾101</a>
                            <a href="#">台湾美食</a>
                        </li>
                    </ul>
                </div>
                <div data-n="2" class="secondary">
                    <ul>
                        <li>
                            <h3>日本</h3>
                            <a href="#">东京</a>
                            <a href="#">大阪</a>
                            <a href="#">冲绳</a>
                            <a href="#">北海道</a>
                            <a href="#">札幌</a>
                            <a href="#">京都</a>
                            <a href="#">名古屋</a>
                            <a href="#">福冈</a>
                            <a href="#">长崎</a>
                            <a href="#">鹿儿岛</a>
                            <a href="#">JR Pass</a>
                            <a href="#">米其林餐厅</a>
                            <a href="#">东京迪士尼</a>
                            <a href="#">大阪环球影城</a>
                            <a href="#">冲绳一日游</a>
                            <a href="#">City Walk</a>
                            <a href="#">西瓜卡</a>
                            <a href="#">京都日游</a>
                            <a href="#">和服体验</a>
                            <a href="#">包车服务</a>
                            <a href="#">富士山日游</a>
                        </li>
                    </ul>
                </div>
                <div data-n="3" class="secondary">
                    <ul>
                        <li>
                            <h3>泰新马</h3>
                            <a href="#">普吉岛</a>
                            <a href="#">清迈</a>
                            <a href="#">曼谷</a>
                            <a href="#">苏梅岛</a>
                            <a href="#">甲米</a>
                            <a href="#">芭提雅</a>
                            <a href="#">拜县</a>
                            <a href="#">新加坡</a>
                            <a href="#">马来西亚</a>
                            <a href="#">沙巴</a>
                            <a href="#">吉隆坡</a>
                            <a href="#">皇帝岛</a>
                            <a href="#">泰国人妖</a>
                            <a href="#">泰国丛林飞跃</a>
                            <a href="#">泰国spa按摩</a>
                            <a href="#">清迈夜间动物园</a>
                            <a href="#">泰拳表演</a>
                            <a href="#">清莱一日游</a>
                            <a href="#">新加坡环球影城</a>
                            <a href="#">新加坡日游</a>
                            <a href="#">新加坡滨海湾花园</a>
                            <a href="#">沙巴美人鱼岛</a>
                            <a href="#">沙巴红树林萤火虫</a>
                        </li>
                        <li>
                            <h3>东南亚</h3>
                            <a href="#">巴厘岛</a>
                            <a href="#">长滩岛</a>
                            <a href="#">马尼拉</a>
                            <a href="#">薄荷岛</a>
                            <a href="#">美娜多芽庄</a>
                            <a href="#">岘港</a>
                            <a href="#">富国岛</a>
                            <a href="#">柬埔寨</a>
                            <a href="#">缅甸</a>
                            <a href="#">老挝</a>
                            <a href="#">文莱</a>
                            <a href="#">蓝梦岛</a>
                            <a href="#">巴厘岛</a>
                            <a href="#">SPA</a>
                            <a href="#">网红漂浮下午茶</a>
                            <a href="#">珍珠岛游乐园</a>
                            <a href="#">富国岛浮潜海钓</a>
                            <a href="#">吴哥窟</a>
                            <a href="#">西哈努克</a>
                        </li>
                        <li>
                            <h3>南亚 西亚</h3>
                            <a href="#">马尔代夫</a>
                            <a href="#">斯里兰卡</a>
                            <a href="#">印度</a>
                            <a href="#">尼泊尔</a>
                            <a href="#">格鲁吉亚阿塞拜疆</a>
                            <a href="#">亚美尼亚</a>
                        </li>
                    </ul>
                </div>
                <div data-n="4" class="secondary">
                    <ul>
                        <li>
                            <h3>欧洲</h3>
                            <a href="#">法国</a>
                            <a href="#">意大利</a>
                            <a href="#">土耳其</a>
                            <a href="#">俄罗斯</a>
                            <a href="#">西班牙</a>
                            <a href="#">瑞士</a>
                            <a href="#">英国</a>
                            <a href="#">希腊</a>
                            <a href="#">荷兰</a>
                            <a href="#">德国</a>
                            <a href="#">捷克</a>
                            <a href="#">葡萄牙</a>
                            <a href="#">奥地利</a>
                            <a href="#">瑞典</a>
                            <a href="#">丹麦</a>
                            <a href="#">挪威</a>
                            <a href="#">冰岛</a>
                            <a href="#">芬兰</a>
                            <a href="#">罗瓦涅米</a>
                            <a href="#">奥斯陆</a>
                            <a href="#">雷克雅未克</a>
                            <a href="#">因特拉肯</a>
                            <a href="#">巴塞罗那</a>
                            <a href="#">伦敦</a>
                            <a href="#">巴黎</a>
                            <a href="#">塞纳河</a>
                            <a href="#">慕尼黑</a>
                            <a href="#">普罗旺斯</a>
                            <a href="#">温莎日游</a>
                            <a href="#">巴黎迪斯尼</a>
                            <a href="#">伊斯坦布</a>
                            <a href="#">尔阿尔罕布拉宫</a>
                            <a href="#">唐顿庄园</a>
                            <a href="#">埃菲尔铁塔</a>
                            <a href="#">凡尔赛宫</a>
                            <a href="#">北欧破冰船</a>
                            <a href="#">极光之旅</a>
                            <a href="#">英国天空岛</a>
                        </li>
                        <li>
                            <h3>美洲</h3>
                            <a href="#">美国</a>
                            <a href="#">加拿大</a>
                            <a href="#">墨西哥</a>
                            <a href="#">巴西</a>
                            <a href="#">阿根廷</a>
                            <a href="#">智利</a>
                            <a href="#">秘鲁</a>
                            <a href="#">玻利维亚</a>
                            <a href="#">洛杉矶</a>
                            <a href="#">纽约</a>
                            <a href="#">拉斯维加斯</a>
                            <a href="#">旧金山</a>
                            <a href="#">圣地亚哥芝加哥</a>
                            <a href="#">西雅图</a>
                            <a href="#">华盛顿</a>
                            <a href="#">奥兰多</a>
                            <a href="#">夏威夷</a>
                            <a href="#">塞班岛</a>
                            <a href="#">关岛</a>
                            <a href="#">环球影城</a>
                            <a href="#">迪士尼</a>
                            <a href="#">演出票</a>
                            <a href="#">尼亚加拉大瀑布</a>
                            <a href="#">帝国大厦</a>
                            <a href="#">奥特莱斯</a>
                            <a href="#">黄石国家公园</a>
                            <a href="#">纽约大都会博物馆</a>
                            <a href="#">美国大峡谷西峡</a>
                            <a href="#">拉斯维加斯摩天轮</a>
                            <a href="#">羚羊峡谷</a>
                            <a href="#">马蹄湾</a>
                        </li>
                    </ul>
                </div>
                <div data-n="5" class="secondary">
                    <ul>
                        <li>
                            <h3>澳新 南太平洋</h3>
                            <a href="#">墨尔本</a>
                            <a href="#">悉尼</a>
                            <a href="#">黄金海岸</a>
                            <a href="#">凯恩斯</a>
                            <a href="#">布里斯班奥克兰</a>
                            <a href="#">斐济</a>
                            <a href="#">珀斯</a>
                            <a href="#">圣灵群岛</a>
                            <a href="#">大堡礁</a>
                            <a href="#">墨尔本之星</a>
                            <a href="#">悉尼热气球</a>
                            <a href="#">水上飞机</a>
                            <a href="#">海港大桥</a>
                            <a href="#">皇后镇霍比特人村</a>
                            <a href="#">怀托莫萤火虫洞</a>
                            <a href="#">米尔福德峡湾</a>
                            <a href="#">新西兰滑雪</a>
                            <a href="#">瓦纳卡</a>
                        </li>
                        <li>
                            <h3>中东非</h3>
                            <a href="#">迪拜</a>
                            <a href="#">摩洛哥</a>
                            <a href="#">毛里求斯</a>
                            <a href="#">埃及</a>
                            <a href="#">塞舌尔</a>
                            <a href="#">马达加斯加</a>
                            <a href="#">以色列</a>
                            <a href="#">肯尼亚</a>
                            <a href="#">南非</a>
                            <a href="#">伊朗</a>
                            <a href="#">约旦</a>
                            <a href="#">突尼斯</a>
                            <a href="#">迪拜</a>
                            <a href="#">塔法拉利主题公园</a>
                            <a href="#">迪拜七星帆船酒店用餐</a>
                            <a href="#">夜游迪拜河</a>
                            <a href="#">亚特兰蒂斯水上乐园</a>
                            <a href="#">动物大迁徙</a>
                            <a href="#">撒哈拉沙漠</a>
                            <a href="#">金字塔</a>
                            <a href="#">纳米比亚</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <script src="js/banner.js"></script>
        <script src="js/menu.js"></script>
    </section>
    <!-- 热门广告图 -->
    <aside>
        <div class="centerWrap">
            <ul class="clearFix">
                <li>
                    <a href="javascript:;"><img src="./images/small01.png" alt=""></a>
                </li>
                <li>
                    <a href="javascript:;"><img src="./images/small02.png" alt=""></a>
                </li>
                <li>
                    <a href="javascript:;"><img src="./images/small03.png" alt=""></a>
                </li>
                <li>
                    <a href="javascript:;"><img src="./images/small04.png" alt=""></a>
                </li>
            </ul>
        </div>
    </aside>
    <!-- 页面主体区域 -->
    <main>
        <!-- 新鲜甩尾 -->
        <section class="daily">
            <div class="centerWrap">
                <!-- 头部 -->
                <div class="title">
                    <h2>新鲜甩尾</h2>
                    <span>每日不可不看的好货</span>
                </div>
                <!-- 正文 -->
                <div class="content">
                    <ul>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/daily01.png" alt="">
                                </div>
                                <div class="text">北京直飞马尔代夫6-7天往返含税机票（首都航空/售完为止）…</div>
                            </a>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/daily02.png" alt="">
                                </div>
                                <div class="text">[甩尾狂欢] 北京/天津直飞日本东京/大阪/冲绳/札幌/福冈4-7天往返含…</div>
                            </a>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/daily03.png" alt="">
                                </div>
                                <div class="text">[拒签全退][全国25城联运] 北京往返格鲁吉亚+阿塞拜疆7-30天自由行</div>
                            </a>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/daily04.png" alt="">
                                </div>
                                <div class="text">[樱花季] 北京直飞东京/大阪/名古屋/冲绳/札幌/福冈/仙台2-30天…</div>
                            </a>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/daily05.png" alt="">
                                </div>
                                <div class="text">[品质小团/快速确认] 新西兰福克斯冰川直升机观光+冰川徒步…</div>
                            </a>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/daily06.png" alt="">
                                </div>
                                <div class="text">[北欧破冰船] 芬兰+瑞典极地探险号破冰船活动+冰上漂浮+瑞典…</div>
                            </a>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/daily07.png" alt="">
                                </div>
                                <div class="text">[指定班期特惠][全程中文伴游] 摩洛哥全景深度10日游（卡萨进…)</div>
                            </a>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/daily08.png" alt="">
                                </div>
                                <div class="text">马来西亚天空之镜+河口赏鹰+夜游萤火虫+寻找蓝眼泪（马来西亚瓜…)</div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- 机酒自由行 -->
        <section class="travel odd">
            <div class="centerWrap">
                <!-- 头部 -->
                <div class="top clearFix">
                    <div class="title">
                        <h2>机酒自由行</h2>
                        <span>挑选全球机票、酒店、邮轮等旅行产品</span>
                    </div>
                    <nav>
                        <ul>
                            <li><a href="javascript:;">热卖签证</a></li>
                            <li><a href="javascript:;">热门海岛</a></li>
                            <li><a href="javascript:;">优惠机票</a></li>
                            <li><a href="javascript:;">国内推荐</a></li>
                            <li><a href="javascript:;">定制游</a></li>
                            <li><a href="javascript:;">新品汇聚</a></li>
                            <li class="current"><a href="javascript:;">近期好货</a></li>
                        </ul>
                    </nav>
                </div>
                <!-- 正文 -->
                <div class="content">
                    <ul>
                        <li class="bigTag">
                            <img src="./images/travel01.png" alt="">
                            <div class="desc">
                                <p>
                                    [樱花季]天津直飞东京/大阪/名古屋/冲绳/札幌2-30天往返
                                </p>
                                <p>
                                    含税机票【甩尾/多团期】
                                </p>
                            </div>
                            <div class="note">机票</div>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/travel03.png" alt="">
                                </div>
                                <div class="text">北京/上海/南京/杭州直飞巴厘岛5-7天往返含税机票（赠送旅游意外险…</div>
                            </a>
                            <div class="note">跟团游</div>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/travel03.png" alt="">
                                </div>
                                <div class="text">北京/天津直飞日本东京/大阪/东阪/福冈/名古屋冲绳/北海道4-7天往返…</div>
                            </a>
                            <div class="note">机票</div>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/travel04.png" alt="">
                                </div>
                                <div class="text">[樱花季] 北京/天津直飞东京/大阪/名古屋/福冈/广岛/北海道/冲绳往返…</div>
                            </a>
                            <div class="note">机票</div>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/travel05.png" alt="">
                                </div>
                                <div class="text">杭州/上海/宁波/义乌直飞越南芽庄/岘港4-6天往返含税机票（20KG行…</div>
                            </a>
                            <div class="note">机票</div>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/travel06.png" alt="">
                                </div>
                                <div class="text">[赠自由行礼包] 上海/杭州/南京/合肥/宁波/徐州直飞日本东京/大阪…</div>
                            </a>
                            <div class="note">机票</div>
                        </li>
                        <li class="colorTag">
                            <a href="javascript:;">
                                <div class="topTag">
                                    <p>查看更多</p>
                                    <p>机酒自由行产品</p>
                                </div>
                                <div class="middleTag">
                                    <span class="iconfont">&#xe668;</span>
                                </div>
                                <div class="bottomTag">
                                    <span>机票</span><span>酒店</span><span>机+酒</span><span>邮轮</span>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- 当地玩乐 -->
        <section class="local">
            <div class="centerWrap">
                <!-- 头部 -->
                <div class="top clearFix">
                    <div class="title">
                        <h2>当地玩乐</h2>
                        <span>像当地人一样，体验本土的吃喝玩乐</span>
                    </div>
                    <nav>
                        <ul>
                            <li><a href="javascript:;">泰国</a></li>
                            <li><a href="javascript:;">柬埔寨</a></li>
                            <li><a href="javascript:;">澳大利亚</a></li>
                            <li><a href="javascript:;">新西兰</a></li>
                            <li><a href="javascript:;">瑞士</a></li>
                            <li><a href="javascript:;">日本</a></li>
                            <li class="current"><a href="javascript:;">国内</a></li>
                        </ul>
                    </nav>
                </div>
                <!-- 左正文 -->
                <div class="localInfo left">
                    <div>
                        <img src="images/play01.png" alt="">
                    </div>
                    <div class="intro">
                        <img src="images/play02.png" alt="">
                        <span>[樱花季] 北京/天津直飞东京/大阪/名古屋/福冈/广岛/北海道/冲绳往返…</span>
                    </div>
                </div>
                <!-- 中正文 -->
                <div class="localInfo middle">
                    <div class="intro">
                        <img src="images/play03.png" alt="">
                        <span>[网红新选] 泰国清迈黑白蓝庙一日游清莱黑庙 白庙 蓝庙 温泉驿站中文导游+酒店接送+餐赠小…</span>
                    </div>
                    <div class="intro">
                        <img src="images/play04.png" alt="">
                        <span>[全岛接送+中文导游] 泰国普吉岛+皇帝岛+珊瑚岛一日游双体帆船海钓 [帆船晚会+浮潜]…</span>
                    </div>
                    <div class="intro">
                        <img src="images/play05.png" alt="">
                        <span>享行之旅|泰国苏梅岛一日游 越野车丛林环岛之旅 骑大象纳蒙瀑布</span>
                    </div>
                </div>
                <!-- 右正文 -->
                <div class="localInfo right">
                    <div class="intro">
                        <img src="images/play06.png" alt="">
                        <span>[可接急单] 泰国普吉岛西蒙Simon人妖秀门票VIP专座近距离与人妖互动合影…</span>
                    </div>
                    <div class="colorTag wider">
                        <a href="javascript:;">
                            <div class="topTag">
                                <p>查看更多</p>
                                <p>当地玩乐产品</p>
                            </div>
                            <div class="middleTag">
                                <span class="iconfont">&#xe668;</span>
                            </div>
                            <div class="bottomTag">
                                <span>WIFI/电话卡</span><span>交通票券</span><span>景点门票</span><span>特色体验</span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </section>
        <!-- 当地特色 -->
        <section class="feature">
            <div class="centerWrap">
                <h2 class="title">特色当地体验</h2>
                <!-- 正文 -->
                <div class="comment">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="images/local01.png" alt="">
                                </div>
                                <div class="text">
                                    <div class="name">香港迪士尼乐园门票(一日 / 两日) - 无需换票扫码入园）</div>
                                    <div class="number"><span class="iconfont">&#xe61b;&nbsp;4.8</span>（92833评价)2334.69k
                                        人参加过</div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="images/local02.png" alt="">
                                </div>
                                <div class="text">
                                    <div class="name">罗马金宫剧场人妖秀</div>
                                    <div class="number"><span class="iconfont">&#xe61b;&nbsp;4.6</span>（440条评价)900K+
                                        人参加过</div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="images/local03.png" alt="">
                                </div>
                                <div class="text">
                                    <div class="name">京都和服体验 - 梦馆</div>
                                    <div class="number"><span class="iconfont">&#xe61b;&nbsp;4.7</span>（4,293条评价)50K+
                                        人参加过</div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="images/local04.png" alt="">
                                </div>
                                <div class="text">
                                    <div class="name">英国巨石阵 & 温莎城堡 & 巴斯罗马浴场一日游</div>
                                    <div class="number"><span class="iconfont">&#xe61b;&nbsp;4.5</span>（2,104条评价)20K+
                                        人参加过</div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- 世界旅行 -->
        <section class="world odd">
            <div class="centerWrap">
                <!-- 头部 -->
                <div class="top clearFix">
                    <div class="title">
                        <h2>最世界·深度旅行</h2>
                        <span>摆脱千篇一律的旅行，探索属于自己的世界</span>
                    </div>
                    <nav>
                        <ul>
                            <li class="current"><a href="javascript:;">城市CityWalk</a></li>
                        </ul>
                    </nav>
                </div>
                <!-- 正文 -->
                <div class="content">
                    <ul>
                        <li class="bigTag">
                            <img src="./images/world01.png" alt="">
                            <div class="circle">
                                <p>城市</p>
                                <p>CityWalk</p>
                            </div>
                            <div class="words">【City Walk】大阪浪花の城——美食、动漫和不为人知的大阪人辛秘生活</div>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/world02.png" alt="">
                                </div>
                                <div class="text">[City Walk] 京都伏见稻荷大社日本清酒厂巡礼半日游——赏千本鸟居…</div>
                            </a>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/world03.png" alt="">
                                </div>
                                <div class="text">[City Walk] 京都好物—京都达人带你探店、美物、饮茶、艺术、日杂…</div>
                            </a>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/world04.png" alt="">
                                </div>
                                <div class="text">[Citywalk] 一日游禅意京都——千年古都的维新之路…</div>
                            </a>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/world05.png" alt="">
                                </div>
                                <div class="text">[City Walk] 日本桥— 穿街走巷看东京，感受大城市的市井人情…</div>
                            </a>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/world06.png" alt="">
                                </div>
                                <div class="text">[Citywalk] 将军之道—京都绝景之旅(含米其林午餐）…</div>
                            </a>
                        </li>
                        <li class="colorTag">
                            <a href="javascript:;">
                                <div class="topTag">
                                    <p>查看更多</p>
                                    <p>深度旅游产品</p>
                                </div>
                                <div class="middleTag">
                                    <span class="iconfont">&#xe668;</span>
                                </div>
                                <div class="bottomTag">
                                    <span>日游</span><span>周末</span><span>亲子</span><span>长线</span>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- 跟团旅行 -->
        <section class="follow odd">
            <div class="centerWrap">
                <!-- 头部 -->
                <div class="top clearFix">
                    <div class="title">
                        <h2>跟团/半自助游</h2>
                        <span>旅游需要好的选择，踏实省心</span>
                    </div>
                    <nav>
                        <ul>
                            <li><a href="javascript:;">城市CityWalk</a></li>
                            <li class="current"><a href="javascript:;">半自助游</a></li>
                        </ul>
                    </nav>
                </div>
                <!-- 正文 -->
                <div class="content">
                    <ul>
                        <li class="bigTag">
                            <img src="./images/follow01.png" alt="">
                            <div class="circle">
                                <p>半自</p>
                                <p>助游</p>
                            </div>
                            <div class="words">天津直飞沙巴5-6天半自助游（自由活动+出海两岛游+市区游+多种星级酒店）</div>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/follow02.png" alt="">
                                </div>
                                <div class="text">成都/西安直飞清迈+拜县6-7天半自助游（2-8人纯玩私家小包团+萌妹子…</div>
                            </a>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/follow03.png" alt="">
                                </div>
                                <div class="text">[一价全含] 北京直飞日本东京+大阪+名古屋+京都6/7天深度游（全程三…</div>
                            </a>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/follow04.png" alt="">
                                </div>
                                <div class="text">天津直飞芽庄5-7天半自助游（优质越南/越捷航空，12天自由行/赠送京…</div>
                            </a>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/follow05.png" alt="">
                                </div>
                                <div class="text">广州直飞美娜多5-6半自助游（班达尼莫公园+布纳肯浮潜+1-2天自由活动…</div>
                            </a>
                        </li>
                        <li class="tag">
                            <a href="javascript:;">
                                <div class="pic">
                                    <img src="./images/follow06.png" alt="">
                                </div>
                                <div class="text">(免签入境）深圳直飞伊朗德黑兰8天5晚半自助游（含国际往返机票+伊…</div>
                            </a>
                        </li>
                        <li class="colorTag">
                            <a href="javascript:;">
                                <div class="topTag">
                                    <p>查看更多</p>
                                    <p>精品跟团/半自助游</p>
                                </div>
                                <div class="middleTag">
                                    <span class="iconfont">&#xe668;</span>
                                </div>
                                <div class="bottomTag">
                                    <span>跟团游</span><span>半自助游</span>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
    </main>
    <!-- 页脚 -->
    <footer>
        <div class="friendly">
            <div class="centerWrap">
                <ul class="up clearFix">
                    <li>机酒自由行</li>
                    <li>当地玩乐</li>
                    <li>优惠机票</li>
                    <li>签证</li>
                    <li>马尔代夫</li>
                    <li>邮轮</li>
                    <li>租车自驾</li>
                    <li>欧洲铁路</li>
                    <li>新鲜甩尾</li>
                    <li>深度旅行</li>
                </ul>
                <ul class="down">
                    <li>
                        <div class="img"></div>
                        <div class="text">
                            <p>贴心服务</p>
                            <p>我们收集慕云游者的真实诉求，找寻特色旅行目的地，让慕云游者放心出行</p>
                        </div>
                    </li>
                    <li>
                        <div class="img"></div>
                        <div class="text">
                            <p>层层筛选</p>
                            <p>对旅游产品供应商严格筛选，资质层层把关
                                为慕云游者挑选符合需求的旅行产品</p>
                        </div>
                    </li>
                    <li>
                        <div class="img"></div>
                        <div class="text">
                            <p>安心陪护</p>
                            <p>对慕云游者的购买进行跟踪服务以及质量监控，生效投诉先行赔付，出现问题及时解决</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="slogan">
            <div class="centerWrap">
                <div class="topSlogan">
                    <span>慕云游商城</span>
                    <span>从一张机票、一家酒店的订购，到一次暖心的接机服务、一张轻松融入当地的交通卡让我们带你探索这个世界</span>
                </div>
                <div class="downLink">
                    <p>
                        <span>关于慕云游商城</span>
                        <span>服务与隐私</span>
                        <span>联系我们</span>
                        <span>旅游度假资质</span>
                        <span>营业执照</span>
                        <span>投诉建议</span>
                    </p>
                    <p>&copy;2020 imooc.com  京ICP备 12003892号-11 京公网安备11010802030151号 营业执照</p>
                </div>
            </div>
        </div>
    </footer>
    <!-- 固定按钮 -->
    <div class="toTop" id="toTop">
        <a href="javascript:;" class="iconfont" title="返回顶部">&#xe689;</a>
    </div>
    <script src="js/backtotop.js"></script>
</body>

</html>